//body{
//  position: absolute;
//}
.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.txh {
    display: flex;
    display: -webkit-flex;
}
.head{
    position: fixed;
    top: 0;
    background: white;
    border-bottom: 1px solid darkgray;
    .txh();
    width: 100%;
    .px2rem(height,100);
    justify-content: space-between;
    align-items: center;
    span:nth-child(2){
        .px2rem(font-size,44)
    }
}
.ain{
    .px2rem(padding-top,100);
    ul{
        li{
            img{
                width: 90%;
//             .px2rem(width,692);
               .px2rem(height,197);
               .px2rem(padding-top,30);
//           .px2rem(padding-left,30);
             padding-left: 5%;
            }
        }
    }
}
.cai{
    width: 100%;
    background:#cccccc;
    position: fixed;
    bottom: 0;
   .txh();
   justify-content: space-between;
   align-items: center;
  dt:hover{
        background: #333333;
    }
    dl{
      float: left;
//    .txh();
      text-align: center;
     .px2rem(padding-top,20);
//   .px2rem(padding-left,60);
     dd{
         .px2rem(line-height,50);
         .px2rem(font-size,30);
     }
    }
}